@import "style.scss";
.mui-bar-nav~.mui-content{
    padding-top: px2rem(88);
    background-color: #f8fafc;
}
.mui-scroll{
    padding-top: px2rem(12);
}
.mui-scroll-wrapper{
    background-color: #f8fafc;
}
.tab-list{
    top: px2rem(44);
    width: 100%;
    display: flex;
    height: 1.1733333333rem;
    position: fixed;
    box-shadow: 0 px2rem(2) px2rem(4) 0 rgba(7, 17, 27, 0.1);
    background-color: #fff;
    z-index: 10;
    .list-item{
        flex: 1;
        line-height: px2rem(42);
        font-size: px2rem(15);
        text-align: center;
    }
    .tab-icon{
        position: absolute;
        bottom: 0;
        width: 19%;
        height: px2rem(2);
        background-color: #2A83FF;
        transition: .35s all;
        border-radius: px2rem(5);
    }
}

.list-container{
    .list-item{
        margin: 0 px2rem(15);
        padding: px2rem(15);
        background-color: #fff;
        border-radius: px2rem(5);
        box-shadow: 0 px2rem(1) px2rem(4) 0 rgba(7, 17, 27, 0.1);
        margin-bottom: px2rem(15);
        position: relative;
        overflow: hidden;
        .item-type{
            display: inline-block;
            height: px2rem(15);
           display: inline-flex;
           align-items: center;
            font-size: px2rem(8);
            padding: 0 px2rem(5);
            color: #2A83FF;
            margin-bottom: px2rem(8);
        }
        .item-title{
            font-size: px2rem(15);
            margin-bottom: px2rem(8);
        }
        .item-desc{
            display: flex;
            justify-content: space-between;
            font-size: px2rem(13);
            color: #ababab;
            & > span:first-child{
                width: px2rem(200);
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
            }
        }
        .item-designate{
            position: absolute;
            background: lighten(#2A83FF,20%);
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            width: px2rem(150);
            height: 100%;
            z-index: 1;
            box-shadow: px2rem(-1) 0 px2rem(3) rgba(#000,.2);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: px2rem(20);
            transition: .35s all;
        }
    }
    
}
